<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="../css/index.css"/>
</head>
<body>
<div class="tab-navbar">
	<input id="tab1" type="radio" name="tabs" hidden checked>
	<input id="tab2" type="radio" name="tabs" hidden>
	<input id="tab3" type="radio" name="tabs" hidden>
	<input id="tab4" type="radio" name="tabs" hidden>
	<nav>
		<label for="tab1">标题1</label>
		<label for="tab2">标题2</label>
		<label for="tab3">标题3</label>
		<label for="tab4">标题4</label>
	</nav>
	<main>
		<ul>
			<li>内容1</li>
			<li>内容2</li>
			<li>内容3</li>
			<li>内容4</li>
		</ul>
	</main>
</div>
</body>
</html>